<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <script src="./js/jquery-1.10.1.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <style>
        html,
        body {
            position: relative;
            height: 100%;
        }

        .swiper-container {
            width: 100%;
            height: 500px;
            /* height: 100%; */
        }

        .swiper-slide {
            background-position: center;
            background-size: cover;
        }
    </style>
</head>

<body>
    <div class="c-wrap">
        <div class="c-top">
            <div class="center clearfix">
                <p class="left">欢迎来到浙江新欣电梯有限公司官网!!!</p>
                <p class="right">
                    <a href="#">设为首页</a>
                    <span>-</span>
                    <a href="#">加入收藏</a>
                </p>
            </div>
        </div>
        <div class="c-logo center clearfix">
            <div class="left">
                <img src="./img/c-logo.png" alt="">
            </div>
            <div class="right">
                <img src="./img/c-phone.png" alt="">
            </div>
        </div>
        <div class="c-nav center">
            <ul id="nav">
                <li class="active">网站首页</li>
                <li>公司简介</li>
                <li>新闻资讯</li>
                <li>产品展示</li>
                <li>成功案例</li>
                <li>企业荣誉</li>
                <li>销售网络</li>
                <li>服务承诺</li>
                <li>留言反馈</li>
                <li>联系方式</li>
            </ul>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(img/c-banner1.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/c-banner2.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/c-banner1.jpg)"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-white"></div>
        </div>
    </div>
    <script src="./js/common.js"></script>
</body>

</html>